﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EditCategoryDetail.aspx.cs" Inherits="TienTeTuong.back_end.EditCategoryDetail" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Admin-page | Sửa gói sản phẩm</title>
    <link rel="stylesheet" href="../css/ForAdmin.css" />
    <script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="../js/ajaxupload.3.5.js" type="text/javascript"></script>
    <script src="../js/demo.js" type="text/javascript"></script>
</head>
<body>
    <div id="header">
              <ul id="top_navigator">
            <li><a href="ArticaleCategoryManagement.aspx">Quản lí danh mục bài viết</a>
                <ul class="subMenu">
                    <li class ="noLi"><a class ="noLi" href="addArticleCategory.aspx">Thêm danh mục bài viết</a></li>
                 </ul>
            </li>
            <li><a href="ArticaleManagement.aspx">Quản lí bài viết</a>
                 <ul class="subMenu">
                    <li class ="noLi"><a class ="noLi" href="addArticle.aspx">Thêm bài viết</a></li>
                 </ul>
            </li>
            <li><a href="CategoryManagement.aspx">Quản lý danh mục gói Sản Phẩm</a>
                 <ul class="subMenu">
                    <li class ="noLi"><a class ="noLi" href="AddCategory.aspx">Thêm danh mục gói Sản Phẩm</a></li>
                 </ul>
            </li>
            <li><a href="CategoryDetailManagement.aspx">Quản lí gói sản phẩm</a>
                <ul class="subMenu">
                    <li class ="noLi"><a class ="noLi" href="AddCategoryDetail.aspx">Thêm gói Sản Phẩm</a></li>
                 </ul>
            </li>
            <li><a href="ProductDetailManagement.aspx">Quản lí sản phẩm</a>
            </li>
            <li><a href="OrderManagement.aspx">Quản lí đơn đặt hàng</a>
            </li>
            <li><a href="SponserManagement.aspx">Quản lí nhà tài trợ</a>
                <ul class="subMenu">
                    <li class ="noLi"><a class ="noLi" href="AddSponsor.aspx">Thêm nhà tài trợ</a></li>
                 </ul>
            </li>
        </ul>
    </div>
    <div id="main">
        <div class="inside">
            <div style="width: 158px" class="floatRight">
               <ol class="CataCour">
                    <li class="curSelected"><a href="ChangePassword.aspx">Đổi mật khẩu</a></li>
                    <li><a href="Logout.aspx">Đăng xuất</a></li>
                </ol>
            </div>
            <div style="width: 70%; padding-left: 10px" class="floatLeft">
                <span class="pageTitle">Sửa gói sản phẩm</span>
            </div>

                <form id="form" runat="server">
                <table border="0">
                     <tr>
                        <td>Category</td>
                        <td><select>
                            <%foreach (var it in Cates) { %>
                            <option value="<%=it.CateID %>" <%if(it.CateID == item.CateID) {%>selected="selected"<%} %>><%=it.CateName %></option>    
                             <% } %>

                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>ID</td>
                        <td><%=item.CateDetailID %></td>
                    </tr>
                    <tr>
                        <td>Hình ảnh 1</td>
                        <td><img width = "140" src ="..<%=item.Image %>" id ="imgUploads" />
                            <div id ="imgUpload">Upload</div>
                        </td>
                    </tr>
                     <tr>
                        <td>Hình ảnh 2</td>
                        <td><img width = "140" src ="..<%=item.Image2 %>" id ="img1" />
                            <div id ="imgUpload2">Upload</div>
                        </td>
                    </tr>
                     <tr>
                        <td>Hình ảnh 3</td>
                        <td><img width = "140" src ="..<%=item.Image3 %>" id ="img2" />
                            <div id ="imgUpload3">Upload</div>
                        </td>
                    </tr>
                    <tr>
                        <td>Tên</td>
                        <td><asp:textbox runat="server" id="txtName" Width="400px"></asp:textbox></td>
                    </tr>
                    <tr>
                        <td>Mô tả</td>
                        <td>
                            <asp:textbox runat="server" id="txtDescription" Width="400px"></asp:textbox>
                        </td>
                    </tr>
                    <tr>
                        <td>isActive</td>
                        <td>
                            <input type="checkbox" id="isActives" value="<%=item.Active %>" />
                        </td>
                    </tr>
                    <tr>
                        <td>isHot</td>
                        <td>
                            <input type="checkbox" id="isHots" value="<%=item.Hot %>" />
                        </td>
                    </tr>
                    <tr>
                        <td>Bộ trọn gói</td>
                        <td>
                            <ul id="ListOpt">
                                <%foreach(var it in opt) {%>
                                <li><input type="checkbox" name="<%= it.ProId %>" rel="<%=it.Price %>"  /><%=it.ProName %><div style ="float:right"><input type="text" class="Quantitys" value="<%=it.Quantity %>" autocomplete="off"/><span style="margin-left: 8px"><%=it.unit %></span></div></li>
                                <%} %>
                            </ul>
                             <span id="btnAddMore">Thêm sản phẩm mới</span>
                        </td>
                    </tr>
                    <tr>
                        <td>Giá</td>
                        <td id="Price"></td>
                    </tr>
                </table>
                    <asp:hiddenfield runat="server" id="selected"></asp:hiddenfield>
                    <asp:hiddenfield runat="server" id="selectedCount"></asp:hiddenfield>
                    <asp:hiddenfield runat="server" id="CateSelected"></asp:hiddenfield>
                    <asp:hiddenfield runat="server" id="isHot"></asp:hiddenfield>
                    <asp:hiddenfield runat="server" id="isActive"></asp:hiddenfield>
                    <asp:Button runat="server" type="submit" text="Lưu" id="btnSave" />
                </form>
            </div>
    </div>
    <div id="foot">
    </div>
    <div id = "Loading"></div>
    <div id = "LoseFocus"></div>
    <div id = "ContainAjax"></div>
</body>
<script type="text/javascript">
    $(function () {

        var btnUpload = $('#imgUpload');

        new AjaxUpload(btnUpload, {
            action: 'ManageController.aspx?action=imgUp',
            name: 'img',
            contentType: "application/json; charset=utf-8",
            responseType: "json",
            onSubmit: function (file, ext) {
                if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))) {
                    // extension is not allowed 
                    alert('only JPG, PNG, GIF accepted');
                    return false;
                }
            },
            onComplete: function (file, response) {
                if (response == "falseing") {
                    alert("Không thê upload hình ảnh. Vui lòng thử lại sau.");
                } else
                {
                    $('#imgUploads').attr('src', '..' + response.aaData );
                }
            }
        });

    });

    $(function () {

        var btnUpload = $('#imgUpload2');

        new AjaxUpload(btnUpload, {
            action: 'ManageController.aspx?action=imgUp1',
            name: 'img',
            contentType: "application/json; charset=utf-8",
            responseType: "json",
            onSubmit: function (file, ext) {
                if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))) {
                    // extension is not allowed 
                    alert('only JPG, PNG, GIF accepted');
                    return false;
                }
            },
            onComplete: function (file, response) {
                if (response == "falseing") {
                    alert("Không thê upload hình ảnh. Vui lòng thử lại sau.");
                } else {
                    $('#img1').attr('src', '..' + response.aaData);
                }
            }
        });

    });

    $(function () {

        var btnUpload = $('#imgUpload3');

        new AjaxUpload(btnUpload, {
            action: 'ManageController.aspx?action=imgUp2',
            name: 'img',
            contentType: "application/json; charset=utf-8",
            responseType: "json",
            onSubmit: function (file, ext) {
                if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))) {
                    // extension is not allowed 
                    alert('only JPG, PNG, GIF accepted');
                    return false;
                }
            },
            onComplete: function (file, response) {
                if (response == "falseing") {
                    alert("Không thê upload hình ảnh. Vui lòng thử lại sau.");
                } else {
                    $('#img2').attr('src', '..' + response.aaData);
                }
            }
        });
    });

    var arrProductID = $('#' + '<%=selected.ClientID %>');
    var arrCount = $('#' + '<%=selectedCount.ClientID%>');
    var cateID = $('#' + '<%=CateSelected.ClientID %>');
    var isHot = $('#' + '<%=isHot.ClientID %>');
    var isActive = $('#' + '<%=isActive.ClientID %>');
    $(document).ready(function () {
        $('input[type*="checkbox"][value*="True"]').attr('checked', 'checked');
        isActive.val($('#isActives:checked').length > 0);
        $('#isActives').change(function () {
            isActive.val($('#isActives:checked').length > 0);
        });

        isHot.val($('#isHots:checked').length > 0);
        $('#isHots').change(function () {
            isHot.val($('#isHots:checked').length > 0);
        });

        cateID.val($('select').val());
        $('select').change(function () {
            cateID.val($(this).val());
        });

        $('.Quantitys').live('blur', function () {
            if ($(this).parent().parent().find('input').is(':checked')) {
                var totalPrice = 0;
                var stNum = parseInt($(this).val(), 10);
                if (isNaN(stNum) || stNum < 1) {
                    $(this).val('1');
                }
                $('#ListOpt input[type*="checkbox"]:checked').each(function () {
                    var tmQuan = $(this).parent().find('.Quantitys').val();
                    totalPrice = parseInt(totalPrice, 10) + parseInt($(this).attr('rel'), 10) * parseInt(tmQuan, 10);
                });
                $('#Price').text(totalPrice);
            }
        });

        $('#ListOpt input[type*="checkbox"]').attr('checked', 'checked').live('change', function () {
            var price = 0;
            $('#ListOpt input[type*="checkbox"]:checked').each(function () {
                var tmQuan = $(this).parent().find('.Quantitys').val();
                price = parseInt(price, 10) + parseInt($(this).attr('rel'), 10) * parseInt(tmQuan, 10);
            });
            $('#Price').text(price);
        });

        var IDs = '';
        var price = 0;
        $('#ListOpt input[type*="checkbox"]:checked').each(function () {
            var tmQuan = $(this).parent().find('.Quantitys').val();
            price = parseInt(price, 10) + parseInt($(this).attr('rel'), 10) * parseInt(tmQuan, 10);
        });
        $('#Price').text(price);

        $('#btnAddMore').click(function () {
            $('body, html').css('overflow', 'hidden');
            $('#LoseFocus').show();
            $.ajax({
                url: '../ListProduct.aspx',
                success: function (data) {
                    $('#ContainAjax').css({
                        'left': $(window).width() / 2 - $('#ContainAjax').width() / 2,
                        'top': $(window).height() / 2 - $('#ContainAjax').height() / 2
                    }).html(data).show();
                }
            });
        });
        $('.btnSearchPD').live('click', function () {
            $.ajax({
                url: '../AjaxSearchProductAdd.aspx',
                data: { 'Key': $('#txt_searchPd').val() == 'Nhập từ khóa cần tìm' ? '' : $('#txt_searchPd').val() },
                success: function (data) {
                    var tmpDt = JSON.parse(data).aaData;
                    var htmtp = '';
                    for (var i = 0; i < tmpDt.length; i++) {
                        htmtp += '<li id = "' + tmpDt[i][0] + '">' + tmpDt[i][1] + '<span class = "Price" style = "float:right">' + tmpDt[i][2] + '</span></li>';
                    }
                    if (htmtp != '') {
                        $('.ProductList').html(htmtp);
                    } else {
                        $('.ProductList').empty();
                        $('.ProductList').parent().text('Không có kết quả.');
                    }
                }
            });
        });

        $('.ProductList li').live('click', function () {
            var curID = '';
            $('#ListOpt input[type*="checkbox"]').each(function () {
                curID += $(this).attr('name') + '/';
            });
            if ($(this).is('.selectedPd')) {
                $(this).removeClass('selectedPd');
            } else if (curID.indexOf($(this).attr('id')) < 0) {
                $(this).addClass('selectedPd');
            } else {
                alert('Sản phẩm này đã có trong danh sách hiện tại.');
            }
        });

        $('#btnCancelPD').live('click', function () {
            $('#ContainAjax').fadeOut('normal');
            $('#LoseFocus').fadeOut('normal');
            $('body, html').css('overflow', 'auto');
        });

        $('#btnOkPD').live('click', function () {
            var htmlPDAdd = ''
            var totalPrice = 0;
            var productsID = '';
            $('.selectedPd').each(function () {
                var tmpID = $(this).attr('id');
                var tmpUnit = $(this).attr('rel');
                var tmpPrice = $(this).find('.Price').text();
                var tmpName = $(this).find('.Name').text();
                htmlPDAdd += '<li><input type="checkbox" checked = "true" name="' + tmpID + '" rel="' + tmpPrice + '" />' + tmpName + '<div style ="float:right"><input type="text" class="Quantitys" value="1" autocomplete="off"/><span style="margin-left: 8px">' + tmpUnit + '</span></div></li>';
            });

            $('#ListOpt').append(htmlPDAdd);

            var totalPrice = 0;
            $('#ListOpt input[type*="checkbox"]:checked').each(function () {
                var tmQuan = $(this).parent().find('.Quantitys').val();
                totalPrice = parseInt(totalPrice, 10) + parseInt($(this).attr('rel'), 10) * parseInt(tmQuan, 10);
            });
            $('#Price').text(totalPrice);

            $('#ContainAjax').fadeOut('normal');
            $('#LoseFocus').fadeOut('normal');
            $('body, html').css('overflow', 'auto');
        });

        $('#form1').removeAttr('action');
        $('#txt_searchPd').live('keydown', function (e) {
            if (e.keyCode == 13) {
                $.ajax({
                    url: '../AjaxSearchProductAdd.aspx',
                    data: { 'Key': $('#txt_searchPd').val() == 'Nhập từ khóa cần tìm' ? '' : $('#txt_searchPd').val() },
                    success: function (data) {
                        var tmpDt = JSON.parse(data).aaData;
                        var htmtp = '';
                        for (var i = 0; i < tmpDt.length; i++) {
                            htmtp += '<li id = "' + tmpDt[i][0] + '">' + tmpDt[i][1] + '<span class = "Price" style = "float:right">' + tmpDt[i][2] + '</span></li>';
                        }
                        if (htmtp != '') {
                            $('.ProductList').html(htmtp);
                        } else {
                            $('.ProductList').empty();
                            $('.ProductList').parent().text('Không có kết quả.');
                        }
                    }
                });
                e.preventDefault();
            }
        });

        $('#btnSave').click(function (e) {
            var productsIDs = '';
            var productsCount = '';
            $('#ListOpt input[type*="checkbox"]:checked').each(function () {
                var tmQuan = $(this).parent().find('.Quantitys').val();
                productsIDs += $(this).attr('name') + '/';
                productsCount += tmQuan + '/';
            });
            arrProductID.val(productsIDs);
            arrCount.val(productsCount);
        });
    });
</script>
</html>
